<template>
  <div class="playground animate__animated animate__fadeIn">
    <StartBoard v-if="$store.state.pk.beforeStart === 'before-playing'"></StartBoard>
    <GameMap></GameMap>
  </div>
</template>

<script>
import GameMap from "@/components/GameMap.vue";
import StartBoard from "@/components/StartBoard.vue";

export default {
  components: {
    GameMap,
    StartBoard,
  },
  setup() {
    return {};
  },
};
</script>

<style scoped>
div.playground {
  width: 80vw;
  height: 80vh;
  /* background: lightblue; */
  margin: 5vh auto;
}
</style>
